簡(jiǎn)介:本課程詳細(xì)介紹網(wǎng)頁(yè)頁(yè)面中最流行常用的tab切換效果,包括滑動(dòng)、點(diǎn)擊切換,延遲切換及自動(dòng)切換等多種效果。其中重點(diǎn)講解settimeout和setinterval的區(qū)別,以及使用JavaScript、jQuery等技術(shù)實(shí)現(xiàn)tab切換特效。
第1章 滑動(dòng)、點(diǎn)擊切換效果實(shí)現(xiàn)
本章節(jié)主要講解Tab選擇項(xiàng)的靜態(tài)頁(yè)面制作,及完成兩種最常見(jiàn)的滑動(dòng)、點(diǎn)擊切換效果。
第2章 延遲切換效果
本章節(jié)主要帶領(lǐng)大家學(xué)習(xí)使用settimeout方法實(shí)現(xiàn)Tab選擇卡的延遲切換效果。
第3章 自動(dòng)切換效果
本章節(jié)帶領(lǐng)大家學(xué)習(xí)使用setinterval方法實(shí)現(xiàn)Tab選擇卡的自動(dòng)切換效果。
第4章 編程挑戰(zhàn)
使用本課程學(xué)習(xí)到的知識(shí)我們來(lái)制作一個(gè)簡(jiǎn)單的焦點(diǎn)新聞?shì)啿バЧ?